<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>买菜算账系统_by_ZhangGuoqing</title>
<style type="text/css">
        table {  
            padding:0;   
            margin:0 auto;  
            border-collapse: collapse;  
        }  
        .date{
        	background:none;
        	border:inherit;
        	border-color: black;
        	width: 150px;
        }
        .aa{
            background:none;
        }

</style>
<link rel="stylesheet" href="js/jquery-ui.css"> 
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript">
	function submitQu()
	{
		myForm.submit();
	}
    $(function() {
        $( "#datepicker" ).datepicker();
    });
</script>
</head>
<body bgcolor="#C0C0C0">
<center>
				<h1 style="color: green;">买菜算账系统</h1>
				<hr>
				<br>
				<br>
				<form action="Calculate" method="get" name ="myForm">
				<table align="center" width="800" border="1">
				<thead style="background-color: gray;">
					<tr>
						<th>日&nbsp;&nbsp;期</th>
						<th>人&nbsp;&nbsp;员</th>
					    <th>总&nbsp;&nbsp;额</th>
						<th>付款人</th>
						<th>结&nbsp;&nbsp;算</th>
					</tr>	
				</thead>
				<tbody align="center">
					<tr>
						<td><input type="text" class="date" name="date1" id="datepicker"/></td>
						<td><input type="checkbox" name="can" class="aa" value="1"/>张国庆<input type="checkbox" name="can"  value="2"/>王海兰<input type="checkbox" name="can" value="3"/>陶良飞
									<br/><input type="checkbox" name="can"  value="4"/>李&nbsp;&nbsp;&nbsp;&nbsp;花<input type="checkbox" name="can"  value="5"/>周勇勇<input type="checkbox" name="can"  value="6"/>高房东</td>
						<td><input type="text" class="date" name="money"/></td>
						<td>
						        <select  name="people">
											  <option value ="张国庆">张国庆</option>
											  <option value ="陶良飞">陶良飞</option>
											  <option value="高房东">高房东</option>
											  <option value="周勇勇">周勇勇</option>
								</select>
                      </td>
						<td><input type="button" id=""  value="提交" onclick="submitQu()"/></td>
					</tr>			
				</tbody>

				</table>				
				
				</form>
 
</center>

</body>
</html>